<!-- 老板 – 我的 – 所在团队 – 考勤打卡		Attendance -->
<template>
	<view class="wraps">
		<view class="Attendance-top">
			<view class="" v-for="(item,index) in list" :key="index">
				<view class="w90">
					<view class="f b c">
						<view class="f b c">
							<view>
								<text class="fs28">{{item.name}}</text>
							</view>
							<view>
								<input class="ipts1" type="text" :placeholder="item.ipts">
							</view>
						</view>
						<view>
							<image style="width: 24rpx;height: 24rpx;" src="../../../../../static/img/125.png" mode=""></image>
						</view>
					</view>
					<view class="quanxian"></view>
				</view>
			</view>
			<view class="w90">
				<view class="f b c">
					<view>
						<text>允许晚到晚走，不计为异常</text>
					</view>
					<view class="">
						<u-switch v-model="checked" size="30" active-color="#14AD09"></u-switch>
					</view>
				</view>
				<view class="xian"></view>
			</view>
			<view class="" v-show="checked == true">
				<view class="w90 f b c">
					<view class="f d p_l_100">
						<view>
							<text>上班最多可晚到：</text>
							<text>60分钟</text>
						</view>
						<view>
							<text class="hui">上班晚到几分钟，下班必须晚走几分钟</text>
						</view>
					</view>
					<view>
						<image style="width:24rpx;height: 24rpx;" src="../../../../../static/img/125.png" mode=""></image>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				checked: false,
				list:[
					{
						name:'考勤人员：',
						ipts:'全公司'
					},
					{
						name:'考勤时间：',
						ipts:'周一 至 周六'
					},
					{
						name:'打卡班次：',
						ipts:'时间时间 至 时间时间'
					},
					{
						name:'考勤范围：',
						ipts:'地点地点地点地点地点地点地点地点'
					},
					{
						name:'上班时间：',
						ipts:'时间时间'
					},
					{
						name:'下班时间：',
						ipts:'时间时间'
					},
					{
						name:'严重迟到：',
						ipts:'60分钟'
					},
					{
						name:'旷工设置：',
						ipts:'120分钟'
					}
				]
			}
		},
		onLoad(){
			uni.setNavigationBarTitle({
				title:"考勤打卡"
			})
		},
		methods: {
			
		}
	}
</script>

<style scoped>
	.warps {
		height: 100vh;
		overflow: hidden;
		background-color: #fff;
	}
	.Attendance-top{
		
	}
	.ipts1{
		width: 466rpx;
		height: 76rpx;
		font-size:28rpx;
	}
</style>
